<div class="horizontal-scroll" ba-panel ba-panel-class="with-scroll">
    <form class="form-horizontal" name="memberInfoForm" method="post" ng-submit="submit()">
        <div class="row">
            <div class="col-md-6 padding">
                <h4>基本信息</h4><hr/>
                <div class="form-group">
                    <label for="memberName" class="col-sm-2 control-label">头像：</label>
                    <div class="col-sm-7">
                        <div class="userpic">
                            <div class="userpic-wrapper">
                                <img class="upload-img-preview" ng-src="{{ data.picture }}" ng-click="uploadPicture()">
                            </div>
                            <i class="ion-ios-close-outline" ng-click="removePicture()" ng-if="!data.noPicture"></i>
                            <a href class="change-userpic" ng-click="uploadPicture()" style="color: #ffffff;">上传头像</a>
                            <input type="file" ng-show="false" id="uploadFile" ng-file-select/>
                            <input type="hidden" ng-model="vm.member.avatarPath" name="avatarPath"/>
                        </div>
                    </div>
                </div>
                <div class="form-group has-feedback" ng-class="{'has-error': memberInfoForm.memberName.$dirty && memberInfoForm.memberName.$invalid}">
                <label for="memberName" class="col-sm-2 control-label"><span class="red-tips">*</span>&nbsp;姓名：</label>
                <div class="col-sm-7">
                    <input type="text" name="memberName" id="memberName" ng-model="vm.member.memberName" class="form-control" placeholder="姓名" required ng-maxlength="10">
                </div>
            </div>
                <div class="form-group has-feedback" ng-if="memberInfoForm.memberName.$dirty && memberInfoForm.memberName.$invalid">
                    <label for="memberName" class="col-sm-2 control-label">&nbsp;</label>
                    <div class="col-sm-7 red-tips">
                        <span ng-if="memberInfoForm.memberName.$error.required">请输入成员名称</span>
                        <span ng-if="!memberInfoForm.memberName.$error.required && memberInfoForm.memberName.$invalid">成员名称长度不能超过10个字</span>
                    </div>
                </div>
                <div class="form-group">
                        <label for="memberSex" class="col-sm-2 control-label"><span class="red-tips">*</span>&nbsp;性别：</label>
                    <div class="col-sm-7">
                        <select class="form-control" id="memberSex" ng-model="vm.member.memberSex" title="性别" selectpicker>
                            <option value="1">男</option>
                            <option value="0">女</option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label for="memberType" class="col-sm-2 control-label"><span class="red-tips">*</span>&nbsp;类别：</label>
                    <div class="col-sm-7">
                        <select class="form-control" title="类别" id="memberType" ng-model="vm.member.memberType"
                                selectpicker ng-options="obj.key as obj.value for obj in vm.memberTypeArray">
                        </select>
                    </div>
                </div>
                <div class="form-group" ng-class="{'has-error': memberInfoForm.memberBirthday.$dirty && memberInfoForm.memberBirthday.$invalid}">
                    <label for="memberBirthday" class="col-sm-2 control-label"><span class="red-tips">*</span>&nbsp;生日：</label>
                    <div class="col-sm-7">
                        <p class="input-group" style="margin: 0;">
                            <input type="text" id="memberBirthday" name="memberBirthday" readonly class="form-control" uib-datepicker-popup ng-model="vm.member.memberBirthday"
                                   is-open="data.showDatePicker" required/>
                            <span class="input-group-btn">
                                <button type="button" class="btn btn-default" ng-click="open2()"><i class="glyphicon glyphicon-calendar"></i></button>
                            </span>
                        </p>
                    </div>
                </div>
                <div class="form-group has-feedback" ng-if="memberInfoForm.memberBirthday.$dirty && memberInfoForm.memberBirthday.$invalid">
                    <label for="memberName" class="col-sm-2 control-label">&nbsp;</label>
                    <div class="col-sm-7 red-tips">
                        <span ng-if="memberInfoForm.memberName.$error.required">请选择成员出生日期</span>
                    </div>
                </div>
                <div class="form-group" ng-class="{'has-error': memberInfoForm.memberPhone.$dirty && memberInfoForm.memberPhone.$invalid}">
                    <label for="memberPhone" class="col-sm-2 control-label"><span class="red-tips">*</span>&nbsp;手机号码：</label>
                    <div class="col-sm-7">
                        <input type="number" id="memberPhone" name="memberPhone" string-to-number class="form-control" placeholder="11位手机号码" ng-model="vm.member.memberPhone"
                               ng-minlength="11" ng-maxlength="11">
                    </div>
                </div>
                <div class="form-group has-feedback" ng-if="memberInfoForm.memberPhone.$dirty && memberInfoForm.memberPhone.$invalid">
                    <label for="memberName" class="col-sm-2 control-label">&nbsp;</label>
                    <div class="col-sm-7 red-tips">
                        <span ng-if="memberInfoForm.memberPhone.$error.required">请输入成员手机号码</span>
                        <span ng-if="!memberInfoForm.memberPhone.$error.required && memberInfoForm.memberPhone.$invalid">请输入13位的手机号码</span>
                    </div>
                </div>
                <div class="form-group" ng-class="{'has-error': memberInfoForm.memberAddress.$dirty && memberInfoForm.memberAddress.$invalid}">
                    <label for="memberAddress" class="col-sm-2 control-label"><span class="red-tips">*</span>&nbsp;家庭住址：</label>
                    <div class="col-sm-8">
                        <textarea placeholder="请输入成员较详细家庭住址..." class="form-control" name="memberAddress" id="memberAddress" ng-model="vm.member.memberAddress" required></textarea>
                    </div>
                </div>
                <div class="form-group has-feedback" ng-if="memberInfoForm.memberAddress.$dirty && memberInfoForm.memberAddress.$invalid">
                    <label for="memberName" class="col-sm-2 control-label">&nbsp;</label>
                    <div class="col-sm-7 red-tips">
                        <span ng-if="memberInfoForm.memberAddress.$error.required">请输入成员家庭地址</span>
                    </div>
                </div>
            </div>
            <div class="col-md-6 padding">
                <h4>扩展信息</h4><hr/>
                <div ng-if="vm.member.memberType == 1">
                    <div class="form-group" ng-class="{'has-error': memberInfoForm.hometown.$dirty && memberInfoForm.hometown.$invalid}">
                        <label for="hometown" class="col-sm-2 control-label"><span class="red-tips">*</span>&nbsp;贯籍：</label>
                        <div class="col-sm-7">
                            <input type="text" id="hometown" class="form-control" name="hometown" placeholder="贯籍" ng-model="vm.member.hometown" required>
                        </div>
                    </div>
                    <div class="form-group has-feedback" ng-if="memberInfoForm.hometown.$dirty && memberInfoForm.hometown.$invalid">
                        <label for="memberName" class="col-sm-2 control-label">&nbsp;</label>
                        <div class="col-sm-7 red-tips">
                            <span ng-if="memberInfoForm.hometown.$error.required">请输入成员贯籍</span>
                        </div>
                    </div>
                    <div class="form-group" ng-class="{'has-error': memberInfoForm.education.$dirty && memberInfoForm.education.$invalid}">
                        <label for="education" class="col-sm-2 control-label"><span class="red-tips">*</span>&nbsp;学历：</label>
                        <div class="col-sm-7">
                            <input type="text" class="form-control" name="education" placeholder="学历" ng-model="vm.member.education" required>
                        </div>
                    </div>
                    <div class="form-group has-feedback" ng-if="memberInfoForm.education.$dirty && memberInfoForm.education.$invalid">
                        <label for="memberName" class="col-sm-2 control-label">&nbsp;</label>
                        <div class="col-sm-7 red-tips">
                            <span ng-if="memberInfoForm.education.$error.required">请输入成员学历</span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="profile" class="col-sm-2 control-label">个人特长：</label>
                        <div class="col-sm-8">
                            <input type="text" tag-input="primary" value="人帅,腿长,钱多" data-role="tagsinput" placeholder="增加个人标签" ng-model="vm.member.specialty">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="training" class="col-sm-2 control-label">培训经历：</label>
                        <div class="col-sm-8">
                            <textarea placeholder="培训经历...." class="form-control" id="training" ng-model="vm.member.training"></textarea>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="workExperience" class="col-sm-2 control-label">工作经历：</label>
                        <div class="col-sm-8">
                            <textarea placeholder="工作经历...." class="form-control" id="workExperience" ng-model="vm.member.workExperience"></textarea>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="profile" class="col-sm-2 control-label">个人简介：</label>
                        <div class="col-sm-8">
                            <textarea placeholder="个人简介...." class="form-control" id="profile" ng-model="vm.member.profile"></textarea>
                        </div>
                    </div>
                </div>
                <div ng-if="vm.member.memberType == 2">
                    <div class="form-group" ng-class="{'has-error': memberInfoForm.occupation.$dirty && memberInfoForm.occupation.$invalid}">
                        <label for="occupation" class="col-sm-2 control-label">职业：</label>
                        <div class="col-sm-7">
                            <input type="text" id="occupation" name="occupation" class="form-control" placeholder="职业" ng-model="vm.member.occupation" required>
                        </div>
                    </div>
                    <div class="form-group has-feedback" ng-if="memberInfoForm.occupation.$dirty && memberInfoForm.occupation.$invalid">
                        <label for="memberName" class="col-sm-2 control-label">&nbsp;</label>
                        <div class="col-sm-7 red-tips">
                            <span ng-if="memberInfoForm.occupation.$error.required">请输入成员职业</span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="education" class="col-sm-2 control-label">学历：</label>
                        <div class="col-sm-7">
                            <input type="text" id="education" ng-model="vm.member.education" class="form-control" placeholder="学历" ng-model="vm.member.education">
                        </div>
                    </div>
                </div>
                <div ng-if="vm.member.memberType == 3">
                    <div class="form-group" ng-class="{'has-error': memberInfoForm.emergencyContact.$dirty && memberInfoForm.emergencyContact.$invalid}">
                        <label for="emergencyContact" class="col-sm-3 control-label"><span class="red-tips">*</span>&nbsp;紧急联系人：</label>
                        <div class="col-sm-7">
                            <input type="text" id="emergencyContact" name="emergencyContact" ng-model="vm.member.emergencyContact" class="form-control"
                                   placeholder="紧急联系人" required>
                        </div>
                    </div>
                    <div class="form-group has-feedback" ng-if="memberInfoForm.emergencyContact.$dirty && memberInfoForm.emergencyContact.$invalid">
                        <label for="memberName" class="col-sm-2 control-label">&nbsp;</label>
                        <div class="col-sm-7 red-tips">
                            <span ng-if="memberInfoForm.emergencyContact.$error.required">请输入成员职业</span>
                        </div>
                    </div>
                    <div class="form-group" ng-class="{'has-error': memberInfoForm.emergencyContactPhone.$dirty && memberInfoForm.emergencyContactPhone.$invalid}">
                        <label for="emergencyContactPhone" class="col-sm-3 control-label"><span class="red-tips">*</span>&nbsp;紧急联系人电话：</label>
                        <div class="col-sm-7">
                            <input type="number" id="emergencyContactPhone" name="emergencyContactPhone" string-to-number ng-model="vm.member.emergencyContactPhone" class="form-control"
                                   placeholder="紧急联系人" ng-minlength="13" ng-maxlength="13" required>
                        </div>
                    </div>
                    <div class="form-group has-feedback" ng-if="memberInfoForm.emergencyContactPhone.$dirty && memberInfoForm.emergencyContactPhone.$invalid">
                        <label for="memberName" class="col-sm-2 control-label">&nbsp;</label>
                        <div class="col-sm-7 red-tips">
                            <span ng-if="memberInfoForm.emergencyContactPhone.$error.required">请输入成员紧急联系人电话</span>
                            <span ng-if="!memberInfoForm.emergencyContactPhone.$error.required && memberInfoForm.emergencyContactPhone.$invalid">请输入13位的手机号码</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <p>&nbsp;</p>
        <div class="row">
            <div class="col-md-12 padding">
                <div class="form-group">
                    <label for="emergencyContactPhone" class="col-sm-2 control-label">&nbsp;</label>
                    <div class="col-sm-11">
                        <!--<button type="submit" class="btn btn-primary btn-with-icon save-profile" style="margin: 0;" ng-disabled="memberInfoForm.$invalid">-->
                            <!--<i class="ion-android-checkmark-circle"></i>保存信息-->
                        <!--</button>-->
                        <button type="submit" class="btn btn-primary btn-with-icon save-profile" style="margin: 0;">
                            <i class="ion-android-checkmark-circle"></i>保存信息
                        </button>
                        <button type="button" ng-click="goBack()" class="btn btn-with-icon save-profile" style="margin: 0;">
                            <i class="fa fa-remove"></i>取消
                        </button>
                    </div>
                </div>
            </div>
        </div>
        <!--<h4>扩展信息</h4><hr/>-->
        <!--<div class="row">-->
            <!--<div class="col-md-6 padding">-->
                <!--<div ng-if="vm.member.memberType == 1">-->
                    <!--<div class="form-group">-->
                        <!--<label for="hometown" class="col-sm-2 control-label"><span class="red-tips">*</span>&nbsp;贯籍：</label>-->
                        <!--<div class="col-sm-7">-->
                            <!--<input type="text" id="hometown" class="form-control" placeholder="贯籍" ng-model="vm.member.hometown" required>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<div class="form-group">-->
                        <!--<label for="education" class="col-sm-2 control-label"><span class="red-tips">*</span>&nbsp;学历：</label>-->
                        <!--<div class="col-sm-7">-->
                            <!--<input type="text" id="education" class="form-control" placeholder="学历" ng-model="vm.member.education" required>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<div class="form-group">-->
                        <!--<label for="profile" class="col-sm-2 control-label">个人特长：</label>-->
                        <!--<div class="col-sm-8">-->
                            <!--<input type="text" tag-input="primary" value="人帅,腿长,钱多" data-role="tagsinput" placeholder="增加个人标签" ng-model="vm.member.specialty">-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<div class="form-group">-->
                        <!--<label for="training" class="col-sm-2 control-label">培训经历：</label>-->
                        <!--<div class="col-sm-8">-->
                            <!--<textarea placeholder="培训经历...." class="form-control" id="training" ng-model="vm.member.training"></textarea>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<div class="form-group">-->
                        <!--<label for="workExperience" class="col-sm-2 control-label">工作经历：</label>-->
                        <!--<div class="col-sm-8">-->
                            <!--<textarea placeholder="工作经历...." class="form-control" id="workExperience" ng-model="vm.member.workExperience"></textarea>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<div class="form-group">-->
                        <!--<label for="profile" class="col-sm-2 control-label">个人简介：</label>-->
                        <!--<div class="col-sm-8">-->
                            <!--<textarea placeholder="个人简介...." class="form-control" id="profile" ng-model="vm.member.profile"></textarea>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div ng-if="vm.member.memberType == 2">-->
                    <!--<div class="form-group">-->
                        <!--<label for="occupation" class="col-sm-2 control-label">职业：</label>-->
                        <!--<div class="col-sm-7">-->
                            <!--<input type="text" id="occupation" ng-model="vm.member.occupation" class="form-control" placeholder="职业" ng-model="vm.member.occupation">-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<div class="form-group">-->
                        <!--<label for="education" class="col-sm-2 control-label">学历：</label>-->
                        <!--<div class="col-sm-7">-->
                            <!--<input type="text" id="education" ng-model="vm.member.education" class="form-control" placeholder="学历" ng-model="vm.member.education">-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div ng-if="vm.member.memberType == 3">-->
                    <!--<div class="form-group">-->
                        <!--<label for="emergencyContact" class="col-sm-2 control-label"><span class="red-tips">*</span>&nbsp;紧急联系人：</label>-->
                        <!--<div class="col-sm-7">-->
                            <!--<input type="text" id="emergencyContact" ng-model="vm.member.emergencyContact" class="form-control"-->
                                   <!--placeholder="紧急联系人" ng-model="vm.member.emergencyContact" required>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<div class="form-group">-->
                        <!--<label for="emergencyContactPhone" class="col-sm-2 control-label"><span class="red-tips">*</span>&nbsp;紧急联系人电话：</label>-->
                        <!--<div class="col-sm-7">-->
                            <!--<input type="text" id="emergencyContactPhone" ng-model="vm.member.emergencyContactPhone" class="form-control"-->
                                   <!--placeholder="紧急联系人" ng-model="vm.member.emergencyContactPhone" required>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="form-group">-->
                    <!--<label for="emergencyContactPhone" class="col-sm-2 control-label">&nbsp;</label>-->
                    <!--<div class="col-sm-7">-->
                        <!--<button type="submit" class="btn btn-primary btn-with-icon save-profile" style="margin: 0;">-->
                            <!--<i class="ion-android-checkmark-circle"></i>保存信息-->
                        <!--</button>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="col-md-6 padding">-->
                <!--<ul>-->
                    <!--<li>带&nbsp;<span class="red-tips">*</span>&nbsp;为必填项</li>-->
                <!--</ul>-->
            <!--</div>-->
        <!--</div>-->
    </form>
</div>